﻿* { padding:0; margin:0; outline:0; }
body {
	background:#f9ebae;
	font-family: Verdana, sans-serif;
	font-size:12px;
	line-height:14px;
	color:#5e5e5e;
}
input, textarea, select { font-family: Verdana, sans-serif; font-size:13px; }
textarea {     
    background: none repeat scroll 0 0 white;
    display: block;
    font-family: 'Trebuchet Ms';
    font-size: 13px;
    height: 126px;
    margin: 0;
    overflow: auto;
    padding: 2px;
    width: 508px; }

.field { border:solid 1px #d3cfc7; background:#fff; padding:5px; }
.small-field { border:solid 1px #d3cfc7; background:#fff; padding:3px 1px; font-size:11px; }
.field-validation-error {}
.checkbox { width:13px; height:13px; vertical-align:top; position:relative; top:2px; }

.button { background:#eee url(/content/admin/images/button.gif) repeat-x 0 0; border:solid 1px #b1a874; color:#7f7f7f; font-size:11px; padding:2px 6px 2px 6px; cursor:pointer; line-height:14px !important; }
.button:hover { color:#333; border-color:#857b42; }


.field:focus { color:#000; border-color:#857b42;}

a img { border:0; }

a { color:#ba4c32; text-decoration: underline; cursor:pointer; }
a:hover { color:#8d341f; text-decoration: none;}

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center !important; }

h1{ font-size:22px; line-height:24px; color:#fff; font-weight: normal;}
h1 a{ color:#fff; text-decoration: none; }
h2 { font-size:22px; font-weight: normal; text-align:center;}
h3 { font-size:12px; line-height:14px; font-weight: normal; }
h3 a{ text-decoration: none; }



.shell { width:988px; margin:0 auto; }

#header { height:89px; background:url(/content/admin/images/header.gif); white-space:nowrap; }
#header h1{ float:left; display:inline; padding-top:12px; }
#top-navigation { float:right; white-space:nowrap; color:#fff; padding-top:15px; }
#top-navigation a{ color:#fff; }
#top-navigation span{ color:#dca598; }
#top { height:53px; }

#navigation { height:36px;}
#navigation ul{ list-style-type: none;}
#navigation ul li{ float:left; display:inline; margin-right:2px;}
#navigation ul li,
#navigation ul li a  { float:left; height:36px; background:url(/content/admin/images/tab.gif) no-repeat 0 0; padding:0 0 0 15px;}
#navigation ul li a  { background-position:right 0; padding:0 15px 0 0;}
#navigation ul li a { line-height:36px; color:#907525; text-decoration: none; }

#navigation ul li.active,
#navigation ul li:hover { background-position:0 bottom;}

#navigation ul li.active a,
#navigation ul li:hover a{ background-position:right bottom;}

#navigation ul li.active { font-size:12px; font-weight: bold; color:#887e42; }


#container { padding:20px 0;min-height: 100%; /* Fix cho firefox */
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

.small-nav { color:#978b48; padding-bottom:20px; }
.small-nav a{ color:#6f6636; }


#main {
    height:auto;
    /*overflow: auto;*/
}
/*#main p { margin-top:5px; margin-bottom:10px;}*/
#main form {margin-top:5px;}
#content { float:left; width:750px; }
#sidebar { float:right; width:225px; }


.table {}
.table th{ background:#fffdfa url(/content/admin/images/th.gif) repeat-x 0 0; color:#818181; text-align: left; padding:7px 10px; border-bottom:solid 1px #d2d1cb;}
.table td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:8px 10px; }
.table tr.odd td{ background:#f8f8f8; }
.table tr:hover td{ background:#fff9e1; }
.table a.ico{ }

.box { background:#fbfcfc; height:100%; padding:1px; margin-bottom:20px; }
.box-head { background:#ba4c32; height:32px; color:#fff; padding: 0 10px; line-height:32px; white-space:nowrap; border-bottom:solid 1px #fff; }
.box-head .right{ padding-top:5px; line-height:13px;}
.box-head .right label,
.box-head .right input { float:left; }
.box-head .right label { padding:4px 0 0 0;}
.box-head .right input { margin-left:5px;}

.pagging { height:20px; padding:8px 10px; line-height:19px; color:#949494; }
.pagging a{ background:url(/content/admin/images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:5px;  }
.pagging a:hover { border-color:#8c3521; background:#ba4c32; color:#fff; }
.pagging span{ float:left; margin-left:5px; padding-top:2px; }


a.ico { color:#9d9c9a; font-size:10px; text-decoration: none; padding:0 0 0 14px; background-repeat:no-repeat; background-position:0 0; }
a.ico:hover { color:#333;}
a.del { background-image:url(/content/admin/images/del.gif)}
a.edit { background-image:url(/content/admin/images/edit.gif); margin-left:14px;}


.form { padding:15px 10px 5px 10px; }
.form label{ display:block; font-weight: bold; font-size:13px; padding-bottom:4px; }
.form label span{ color:#999; font-weight: normal;}
.form .field { display:block; }
.form .inline-field .field { display:inline;}
.form .req { font-size:13px; float:right; white-space:nowrap; color:#999;  }
.form p{ padding-bottom:15px; }

.size1 { width:716px; }
.size2 { width:80px; }
.size3 { width:120px; }
textarea.size1 { height:180px; }

.buttons { text-align: right; padding:10px; background:#eee; border-top:solid 1px #e0e0e0; }
.buttons .button{ margin-left:3px;}

.box-content { padding:10px; }

.sort { border-top:solid 1px #e0e0e0; padding-top:10px; margin-top:15px;   }
.sort label{ display:block; font-weight: bold;}
.sort .field{ display:block; margin-top:5px; }
.sort select.field{ width:203px; }


.box-content p { padding-top:10px; }
.select-all{}
.select-all label{ text-decoration: underline; padding-left:4px; }

.add-button,
.add-button span { float:left; height:26px; background:url(/content/admin/images/add-button.gif) no-repeat 0 0; padding:0 0 0 28px; }
.add-button span { background-position:right 0; padding:0 10px 0 0; }
.add-button { font-weight: bold; font-size:12px; color:#747474; text-decoration: none; line-height:26px; }
.add-button:hover { color:#333;}


#footer { height:44px; background:url(/content/admin/images/footer.gif); line-height:44px; color:#fff;margin-top:170px;width:100%;left:0;}

#footer a{ color:#fff; }


.msg { position:relative; padding-right:35px; margin-bottom:10px; }
.msg p{ padding:9px 10px 9px 40px; font-size:12px; background-repeat:no-repeat; background-position:10px 5px;}
.msg a.close{ font-size:0; line-height:0; position:absolute; top:0; right:0; width:34px; height:34px; background:url(/content/admin/images/close.gif); text-indent: -4000px;}

.msg-ok p{ background-color:#fffac2; border:solid 1px #dbd6a2; color:#5e5c40; background-image:url(/content/admin/images/msg-ok.gif); }
.msg-error p{ background-color:#f3c598; border:solid 1px #e8b084; color:#ba4c32; background-image:url(/content/admin/images/msg-error.gif);  }

/*** CSS3 ***/
.box { -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 0 6px #978f6c; -webkit-box-shadow: 0 0 6px #978f6c;}
.box-head { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }

.field, .button { -moz-border-radius:4px; -webkit-border-radius:4px; }
.small-field, .button, .pagging a { -moz-border-radius:3px; -webkit-border-radius:3px; }

.msg p { -moz-border-radius:6px; -webkit-border-radius:6px; }

.button { -moz-box-shadow: 0 0 2px #978f6c; -webkit-box-shadow: 0 0 2px #978f6c;}
/*quan ly user*/
.fl.w48pc.mr20 { float:left;width:355px;margin-top:15px; }
    .fieldsetDashboard { height:130px; }
    .fl.w48pc.mr20 table { margin-top:55px;margin-left:10px; }
    .fl.w48pc.mr20 p { margin-top:10px;margin-left:10px; }
     legend { margin-left:10px; }
.fr.w48pc { float:right;width:355px;margin-right:273px;margin-top:15px; }
    .fr.w48pc table { margin-top:55px; margin-left:10px; }
    .fr.w48pc p { margin-top:10px;margin-left:10px; }
 

/*area/SecurityGuard/View/Membership/Index*/
#breadcrumb {color: #978B48;padding-bottom: 20px;}
.table_wrapper {
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	
}

.table_wrapper_scroll {
    overflow:scroll;
}

.table_wrapper_inner {
	border: solid #dbdbdb;
	border-width:  0 0 0 1px;
}

.table_wrapper td, .table_wrapper th {
	border: solid #dbdbdb;
	border-width: 1px 1px 1px 0;
}

.table_wrapper th {
	font-weight: bold;
	font-size: 13px;
}

.table_wrapper th 
{
    border-width: 2px 1px 0 0;
}

.table_wrapper td {font-size:12px;text-align: left;padding: 0 12px;
                   line-height: 26px;

}

.table_wrapper th {
	text-align: left;
	padding: 0 12px;
	line-height: 26px;
	font-size: 14px;
}

.table_wrapper th {
	background: #fff;
}

.table_wrapper td {
	background: #fefefe url(images/td_bg1.gif) repeat-x;
}

.table_wrapper tr.second td {
	background: #f2f2f2 url(images/td_bg2.gif) repeat-x;
}

/* start pagination */
.pagination {
	background: #d3d3d3 url(images/pag_bg.gif) repeat-x;
	border: 1px solid #b6b6b6;
	margin: 8px 0 0;
	position: relative;
	top: 0;
	left: 0;
	padding: 0 11px;
	/*width: 643px;*/
	width: auto;
	overflow: hidden;
	line-height: 25px;
	color: #444;
	font-size: 12px;
}

.pagination  .page_no {
	float: left;
	color: #444;
	font-size: 12px;
	white-space: nowrap;
	display: block;
	margin-right: 20px;
}

.pagination form {
	float: right;
	margin: 0;
	padding: 0;
}

.pagination fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
}

.pagination label {
	float: left;
	display: block;
	padding: 0 5px 0 0;
}

.pagination .pag_inputs {
	float: left;
	padding: 1px 0 0;
}

.pag_list {
	margin: 0;
	padding: 0;
}

.pag_list li {
	float: left;
	list-style: none;
	padding: 0 4px 0 0;
	color: #444;
}

.pag_list a:link, .pag_list a:visited, .pag_list a:hover, .pag_list a:active {
	color: #366fa7;
}

.pag_list span {
	font-weight: bold;
}

.prev, .next {
	display: block;
	font-weight: bold;
}

.prev {
	background:url(images/prev.gif) no-repeat left center;
	padding:  0 0 0 10px;
	margin: 0 1px 0 0;
}

.next {
	background:url(images/next.gif) no-repeat right center;
	padding:  0 10px 0 0;
	margin: 0 0 0 5px;
}

.input_go {
	display: block;
	line-height: normal;
	float: left;
	background: #fff;
	border: 1px solid #adadad;
	margin: 2px 3px 0 0;
	padding: 1px 4px;
	width: 34px;
}

.input_go input {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent;
	border: 0;
	font-size: 12px;
}

.pagination .button {
	float: left;
	margin: 2px  0 0 ;
	display: block;
	width: 18px;
	height: 19px;
	background:url(images/go.gif) no-repeat;
}

.pagination #page-size
{
    float: right;
    width: auto;
}

/* end pagination */

/*Create user*/
div.row
{
    width: 100%;
    overflow: hidden;
    padding: 0 0 11px 0;
    margin-left:10px;
    margin-top:5px;
}
div.row label
{
    display: block;
    float: left;
    width: 160px;
    font-weight: bold;
}
div.row1
{
    width: 100%;
    overflow: hidden;
    padding: 0 0 11px 0;
    margin-left:10px;
    margin-top:5px;
}
div.row1 label
{
    display: block;
    float: left;
    width: 160px;
    font-weight: bold;
}
/*GrantRolesToUser*/
#available-roles, #granted-roles, #grant-controls
{
    float: left;
    width: auto;
    height: 100%;
    margin-left:10px;
    margin-top:5px;
    margin-right:10px;
}

#available-roles h3, #granted-roles h3
{
    margin: 0;
}

#available-roles select, #granted-roles select
{
    min-width: 150px;
    width: auto;
    height: 280px;
    margin-bottom: 1.4em;
}

#grant-controls
{
    margin: 75px 0 0 0;
}

#grant-controls button
{
    width: 110px;
}
/*update*/
.positive
{
    color: #82a800;
    background-image: url(/content/admin/images/positive.gif);
}
.negative
{
    color: #b86464;
    background-image: url(/content/admin/images/negative.gif);
}
.system positive
{
    display: block;
    float: left;
    padding: 0 0 0 19px;
    white-space: nowrap;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left center;
}
.input_wrapper {
    float: left;
    margin: 0 8px 0 0;
    /*padding: 2px 4px;*/
    width: 279px;
}
.system
{
    display: block;
    float: left;
    padding: 0 0 0 19px;
    white-space: nowrap;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: left center;
}
.fieldsetRolUpadte {
    padding:1.4em;
    margin-left:10px;
    margin-right:10px;
}
.legendRolUpadte {
font-weight:600;
}
#User_Email {
width:100%;
}
/*Role*/
.fieldserRoles {

}
#users-in-role-div ul {
margin-left:25px;
margin-bottom:10px;
}
.system_messages {
margin-top:5px;
margin-left:15px;
}

.abcd {
overflow: auto;
padding: 0 0 11px 0;
padding-top:10px;
}

.thang1 {
display:table-cell;
text-align:center;
width:auto;
}

.thang {
display:table-cell;
text-align:center;
}

.thang2 {
  background: none repeat scroll 0 0 #6B9EF8;
    border-color: #DBDBDB;
    border-style: solid;
    border-width: 1px 1px 0 0;
    padding: 6px;
    color:white;
}
.thang3 {
display:table-row;

background:white;
}
.thang4 {
    background: none repeat scroll 0 0 white;
    border-color: #DBDBDB;
    border-style: solid;
    border-width: 1px 1px 0 0;
    color:black;
    width:112px;
    height:25px;
}
.thangbr {
float:left;
}
br {
    float:left;
}
.thang5 {
  background: none repeat scroll 0 0 #6B9EF8;
    border-left-color: #DBDBDB;
    border-right-color: #DBDBDB;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    padding-left:6px;
    padding-right:6px;
    padding-bottom:5px;
    padding-top:6px;
    color:white;
    border-bottom-color:#6B9EF8;
    border-top-color:#6B9EF8;
    width:100px;

}
.thang1212 {
width:110px;
height:26px;
}
.thang1112 {
width:110px;
height:26px;
}
.thang21 {
  background: none repeat scroll 0 0 #BABABA;
    border-color: #DBDBDB;
    border-style: solid;
    border-width: 1px 1px 0 0;
    padding: 6px;
    color:white;
    width:100px;
}
.p1 {
text-align:right;
margin-bottom:10px;
}
.backToView {
margin-top:10px;
}
.ViewDetailItem {
overflow:auto;
}
#date-message {
float:none;
}
#tdchucnang {
display:-moz-inline-box;
line-height:30px;
}